<script setup>

import MonacoEditor from "./MonacoEditor.vue";
import {ref,watch} from 'vue'

// const props=defineProps({
//   modelValue: {
//     type: Object,
//     default: {}
//   }
// })
// const emit=defineEmits(['update:modelValue'])
// const value=ref(JSON.stringify(props.modelValue,null,2))
//
// watch(()=>props.modelValue,()=>{
//   let v=JSON.stringify(props.modelValue,null,2)
//   if(v!=value.value){
//     value.value=v
//   }
// })
//
// function onChange(v){
//   emit('update:modelValue',JSON.parse(v))
// }
const options={
  automaticLayout:true,
  lineNumbers:'off',
  minimap: {
    enabled:false
  }
}
</script>

<template>
<MonacoEditor style="border:1px solid #eeeeee;border-radius:4px;overflow: hidden;" language="json" :options="options"/>
</template>
